﻿
/* main */
#main{ min-height:1000px; margin-top:18px; background-color:#fff; padding:20px;  position:relative;}

/* directtrain */
#directtrain{  position:relative; width: 210px; height: 235px;  z-index:999; border:2px solid #E5E5E5; }
#directtrain .title{  position:absolute; top:-24px; left:8px; height:37px; width:194px;  background: url("../../../images/directtrain_title.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul{position:relative; }
#directtrain ul li{position:relative;  height:38px; border-bottom:1px solid #CCC; }
#directtrain ul li img{width: 210px; height: 235px;}
/*
#directtrain ul li a{ display: block; width: 100%; height: 100%; line-height: 38px; color: #427C03; text-align: center; text-decoration: none; font-family: 微软雅黑; font-size: 14px; }
#directtrain ul li .icon_1{  position:absolute; top:10px; left:30px; width:20px; height:20px; background:url("../../../images/icon_1.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul li .icon_2{  position:absolute; top:10px; left:30px; width:20px; height:20px; background:url("../../../images/icon_2.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul li .icon_3{  position:absolute; top:10px; left:30px; width:20px; height:20px; background:url("../../../images/icon_3.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul li .icon_4{  position:absolute; top:10px; left:30px; width:20px; height:20px; background:url("../../../images/icon_4.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul li .icon_5{  position:absolute; top:10px; left:30px; width:20px; height:20px; background:url("../../../images/icon_5.jpg") no-repeat scroll 0 0 transparent;}
#directtrain ul li .arrows{ color:#DCA605; margin-left:10px;}
 */

/* care_encyclopedia */
#care_encyclopedia{ position:relative; width: 210px; height: 345px;  border:2px solid #E5E5E5; margin-top:40px; }
#care_encyclopedia .title{ position:absolute; top:-24px; left:8px; height:37px; width:194px;  background: url("../../../images/care_encyclopedia_title.jpg") no-repeat scroll 0 0 transparent;}
#care_encyclopedia ul{position:relative;   margin-top:5px; padding:8px;  }
#care_encyclopedia ul li{position:relative;  height:29px; line-height:35px; border-bottom:1px dotted #CCC; padding-left:30px; background: url("../../../images/icon_r.jpg") no-repeat scroll 0 0 transparent;  }
#care_encyclopedia .more{ text-align:right; margin-right:10px; color:#33669B;}
#care_encyclopedia .more a{color:#33669B;}

/* attention */
#attention{ position:absolute; width:557px; height:626px; left:250px;top:20px;}
#attention  #attention_title { height:35px;}
#attention  #attention_title .tabs {font-size: 12px;height: 35px;line-height: 35px; font-weight:bold;}
#attention  #attention_title .tabs li { cursor: pointer; float: left;height: 34px; text-align: center; width: 158px; border:1px solid #CCC; margin-left:1px;}

#attention #attention_content{ height:590px; border:1px solid #A0D180; width:100%;}
#attention .tb_list { width: 100%;}
#attention .tb_list thead tr th{border-bottom: 1px solid #CCC; height:45px;font-size:14px; color:#676767; font-weight:100}
#attention .tb_list tbody tr {height: 105px;}
#attention .tb_list tbody tr td { position:relative;  text-align:center;}
#attention .rank_num_top{margin-left: 13px;  width:21px; height:21px; background: url("../../../images/rank_bj_top.png") no-repeat scroll 0 0 transparent;}
#attention .rank_num_top span { color: #ffffff; font-weight: bold; line-height: 18px;}
#attention .rank_num{ position:absolute; left:20px;  width:21px; height:21px; background: url("../../../images/rank_bj.png") no-repeat scroll 0 0 transparent;}
#attention .rank_num span {color: #878787; font-weight: bold;line-height: 18px;}
#attention img{  width:66px; height:70px;}
#attention .productname{  font-size:13px; color:#418700;}
#attention .more{ text-align:right;color:#356897; font-size:14px;}

#attention #attention_brand{ height:590px; border:1px solid #A0D180; position: absolute;top: 35px; width:100%;}

/* notice
----------------------------------------------------------*/
#notice{ position: absolute; right: 20px; top: 20px; padding:2px; height: 390px; width: 171px;   border:1px solid #A0D180;  background-color:#CBECB7;}
#notice h3{ display:block; padding:2px 0 8px 15px;}
#notice .content{ height:362px;  background-color:#FFF; }
#notice .content ul{ padding:5px 0 0 10px; }
#notice .content li{  height:27px; line-height:27px; list-style:square inside; }


/* advert_1
----------------------------------------------------------*/
#advert_1 { position:absolute; right:20px; top:420px; width: 175px; height: 225px; border: 1px solid #CCC; overflow: hidden;}
#advert_1 img{width: 185px; height: 225px;}

/* browsing_history
----------------------------------------------------------*/
#browsing_history { position:absolute; right:10px; top:360px; width: 185px; height: 280px;  border: 1px solid #CCC; overflow: hidden;}
#browsing_history .title { height: 34px;  font-family:微软雅黑,Tahoma, Arial; font-size: 14px; line-height:34px; color: #000;  font-weight:bold; text-indent:5px;}
#browsing_history .title a{color:#326698; font-size:12px;  font-weight:normal; position:absolute; right:10px;}
#browsing_history ul{ margin-top:20px;}
#browsing_history li{ height:55px; position:relative; margin-top:10px;}
#browsing_history li img{ height:50px;  width:50px; }
#browsing_history li .prodcut_des{position:absolute; height:50px; width:110px; right:5px;top:0; overflow:hidden; color:#999}
/* advert_2
----------------------------------------------------------*/
#advert_2 { position:relative;  margin-top:15px; width:100%; height: 85px; border: 1px solid #000; overflow: hidden;}
#advert_2 img{ width:100%; height: 85px; }

/* effect_recommend
----------------------------------------------------------*/
#effect_recommend{position:relative; height:240px; width:480px;  margin-top:15px; float:left;}
#effect_recommend .title { font-size:14px; color:#000; font-weight:bold;}
#effect_recommend .title .recommend_more{  margin-left:60%; color:#33669B; font-size:14px; font-weight:normal;}

#effect_recommend  .tabs {  margin-top:5px; color: #676767;font-size: 12px;height: 35px;line-height: 35px; border:1px solid #5BAC07; background:url("../../../images/recommend_title_bg.jpg") repeat-x scroll 0 0 transparent;}
#effect_recommend  .tabs li {  cursor: pointer; float: left;height: 35px; text-align: center; width: 69.5px; }
#effect_recommend  .tabs  .current{ background-color:#66BA1E; color:#FFF; font-weight:bold;}
#effect_recommend .effect_recommend_content{ height:195px; border:1px solid #CCC; border-top:0px;}
#effect_recommend .effect_recommend_content ul{margin-left:5px;}
#effect_recommend .effect_recommend_content ul li{ float:left; width:145px; height:165px;  margin:5px; text-align:center;}
#effect_recommend .effect_recommend_content ul li img{ width:130px; height:126px;}
#effect_recommend .effect_recommend_content ul li .price{ color:Red; font-size:13px;}
#effect_recommend .effect_recommend_content ul li .info{ color:#434343; font-size:13px;}
/* population_recommend
----------------------------------------------------------*/
#population_recommend{ position: relative; float:left; height:240px; width:480px;margin-top:15px;  margin-left:20px;  }

#population_recommend .title {font-size:14px; color:#000; font-weight:bold;}
#population_recommend .title .recommend_more{  margin-left:60%; color:#33669B; font-size:14px; font-weight:normal;}
#population_recommend  .tabs { margin-top:5px;   color: #676767;font-size: 12px;height: 35px;line-height: 35px; border:1px solid #5BAC07; background:url("../../../images/recommend_title_bg.jpg") repeat-x scroll 0 0 transparent;}
#population_recommend  .tabs li {  cursor: pointer; float: left;height: 35px; text-align: center; width: 69.5px;   }
#population_recommend  .tabs  .current{background-color:#66BA1E; color:#FFF; font-weight:bold;}
#population_recommend  .population_recommend_content{ height:195px; border:1px solid #CCC; border-top:0px;}
#population_recommend  .population_recommend_content ul{ margin-left:5px;}
#population_recommend  .population_recommend_content ul li{ float:left; width:145px; height:165px; margin:5px; text-align:center;}
#population_recommend  .population_recommend_content ul li img{ width:130px; height:126px;}
#population_recommend  .population_recommend_content ul li .price{ color:Red; font-size:13px;}
#population_recommend  .population_recommend_content ul li .info{ color:#434343; font-size:13px;}

li.ui-tabs-active { background: none repeat scroll 0 0 #66BA1E;  margin-bottom: 0px;  padding-bottom: 0px;}
li.ui-tabs-active a{ color:#fff; text-decoration:none; font-weight:bold;}

#attention_title li.ui-tabs-active {margin-bottom: 0px;  padding-bottom: 0px;  background-color:#C9EEBB;  font-weight:bold;  border:1px solid #A0D180; border-bottom:0px;}
#attention_title li.ui-tabs-active a{ color:#000000; text-decoration:none;}





















